.category_main{
	height:100%;
	display:flex;
	flex-direction:column;	
	.search{
		height:88rpx;
		padding: 10rpx 30rpx 0 30rpx;
		background:#fff;
		display:flex;
		text-align: center;
		.ser{
			width:690rpx;
			height:56rpx;
			background: #eee;
			border-radius: 30rpx;
			display:flex;
			text-align: center;
			justify-content:center;
			position: relative;
			span{
				display:inline-block;
			}
			.icon{
				background: url('http://r.photo.store.qq.com/psc?/V13kx5iq3fGNrB/h4SLI6MeeCc7mRdKk01ust9g4v2yPlJX.MxWF3mVRS6bG2SYhCTFTf2Fty*WVJSdoy.73VvVQuL2lFHtl*n3JdcFcPcQ2M0J.MAbRcU3kfU!/r') center no-repeat;
		        background-size: 100%;
		        position: absolute;
		        top: 15rpx;
		        left: 240rpx;
		        width: 28rpx;
		        height: 28rpx;
		        margin-right: 10rpx;
			}
		}
	}
	// 头部总菜单
	.head_nav{
		border-bottom: 1rpx solid #ccc;
		.head {
		    width: 100%;
		    height: 84rpx;
		    line-height: 84rpx;
		    background: #fff;
		    white-space: nowrap;
		    div {
		      display: inline-block;
		      padding: 0 20rpx;
		      margin-left: 20rpx;
		    }
		    .head-active{
		    	color: #1296db;
		    	font-size:40rpx;
      			height: 100%;
      			border-bottom: 2px solid #1296db;
      			box-sizing: border-box;
		    }
		}
	}
	//子菜单和内容
	.contents{
		flex:1;
		display:flex;
		.left_nav{
			border-left: 1rpx solid #ccc;			
			width:180rpx;
			height:100%;
			text-align:center;
			background:#d3ecf9;
			div{				
				text-align:center;
				line-height: 90rpx;
				width: 180rpx;
				height: 90rpx;
				color:#333;
				font-size:34rpx;				
			}
			.child-active{
				font-size:36rpx;
				background:#fff;
			}
		}
		.right_content{
			flex:1;
			height:100%;
			.list{
				.item {
					display:flex;
					padding: 10px 7px 25px 10px;
			      	img {
				        width: 140rpx;
				        height: 140rpx;
				        border: 1px solid #eee;
				        margin-right: 10px;
				    }
				    div{
				    	width:185px;
		              	p{
		              		width:99%;
					    	overflow: hidden;
					    	white-space: nowrap; //设置如何处理元素内的空白
		              		text-overflow: ellipsis; //显示省略号
		              	}
				    	.name {
					        font-size: 18px;
					        margin-bottom:4px;				        
					    }
					    .brief{
					    	font-size: 30rpx;
					    	color:#7b7d7d;
					    }
					    .price {
					        font-size: 17px;
					        color: #dc143c;
					        font-weight:bold;
					    }
				    }		 	    
		  		}
			}
		}	
	}
}
